function CreateTimeFrame(className) {
    // 创建用户头像框和时间记录

    var userFrame = document.createElement('div');
    userFrame.className = className;
    messageBox.appendChild(userFrame);

    var headSculptureDiv = document.createElement('div');
    var currentTimeDiv = document.createElement('div');
    headSculptureDiv.textContent = 'IMG'; // headsculpture-放置用户头像
    headSculptureDiv.className = 'headSculpture'; // 添加CSS样式

    currentTimeDiv.textContent = new Date().toLocaleString();
    currentTimeDiv.className = 'time-message';

    // 根据不同的className来决定添加元素的顺序
    if (className === 'my-message-column') {
        userFrame.appendChild(currentTimeDiv);
        userFrame.appendChild(headSculptureDiv);
        headSculptureDiv.textContent = 'User';

    } else {
        userFrame.appendChild(headSculptureDiv);
        userFrame.appendChild(currentTimeDiv);
        headSculptureDiv.textContent = 'Sys';
    }
}

window.onload = function() {
    opt();
};

function sendMessage() {
    CtrlEnter = true;
    var inputMessage = document.getElementById('inputMessage').value;   // 获取输入框内容
    if (inputMessage.trim() !== '') {   // 当输入不为空
        var messageBox = document.getElementById('messageBox');
        var MyMessage = document.createElement('div');
        MyMessage.innerHTML = inputMessage.replace(/\n/g, '<br>'); // 将换行符替换为<br>标签
        MyMessage.className = 'my-message';
        CreateTimeFrame('my-message-column');
        messageBox.appendChild(MyMessage); // 用户发送消息
        MyInput();

        // 系统回应消息
        if (JSON.stringify(data) === JSON.stringify(["1. Java语言", "2. HTML5", "3. JS"])) {
            selectJudge();   // 只有当data数组内容符合条件时才调用selectJudge函数
        }

        messageBox.scrollTop = messageBox.scrollHeight; // 消息面板自动滚动到底部
        document.getElementById('inputMessage').value = ''; // 发送消息后清空输入框
    }
    // 定义一个事件，判断函数是否被调用
    var event = new Event('sendMessageCalled');
    document.dispatchEvent(event);
}

// Ctrl+Enter触发“发送”事件
var CtrlEnter = false;
document.getElementById('inputMessage').addEventListener('keydown', function (event) {
    if (event.ctrlKey && event.key === 'Enter') {
        event.preventDefault(); // 阻止默认的换行行为
        sendMessage(); // 调用发送消息的函数
    }
});

// 生成实线装饰
function SolidLine(){
    var solidline = document.createElement('div');
    solidline.textContent = "————————————————————————";
    messageBox.appendChild(solidline);
}

// 生成虚线装饰
function DottedLine(){
    var dottedline = document.createElement('div');
    dottedline.textContent = "---------------------------------------------------";
    messageBox.appendChild(dottedline);
}